<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="application/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" ></script>
<script type="application/javascript">
	/*
		#step_01
		- 1단메뉴 레이아웃.
	*/
	
	
</script>

<style>
	*{
		margin:0px;
		padding:0px;
	}
	
	#menu{
		position:absolute;
		left:50px;
		top:50px;
		width:480px;
		height:60px;
	}
	
	#menu .depth_1{
		height:40px;
	}
	
	#menu .depth_1 .depth_1_list{
		list-style:none;
		background-color:#666666;
		color:#FFFFFF;
		height:40px;
		padding-left:20px;
		padding-right:20px;
	}
	
	#menu .depth_1 .depth_1_list li{
		padding-top:11px;
		height:19px;
		overflow:hidden;
		float:left;
		padding-left:20px;
		padding-right:20px;
	}
</style>

<body>
	<div id="menu">
    	<div class="depth_1">
        	<ul class="depth_1_list">
        		<li>Hello<br>Hello</li>
                <li>World<br>World</li>
                <li>Web<br>Web</li>
                <li>App<br>App</li>
                <li>Samo<br>Samo</li>
        	</ul>
        </div>
    </div>
</body>
</html>
